<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>减少数据读取次数</title>
</head>

<body>
    <div id="skip" class="skip"></div>
</body>

<script>
    var el_skip = document.getElementById('skip')

    function hasEl(el, cls) {
        return el.className == cls
    }
    console.log(hasEl(el_skip, 'skip'));

    var el_skip = document.getElementById('skip')

    function hasEl(el, cls) {
        var el_name = el.className
        return el_name == cls
    }
    console.log(hasEl(el_skip, 'skip'));
    // jsbench.me ：方法二比方法一块，但是方法二创建变量缓存空间，方法一不创建变量缓存空间，但是会通过入参变量去查询属性
    //总结：引用类型查找属性时，可以提前创建缓存空间，便于后期更快调用，但是会占用空间（相较于引用基础数据类型较便利）
</script>

</html>